<template>
  <div class="app-container home">
    <el-row :gutter="20">
      <el-col
        :xs="24"
        :sm="24"
        :md="12"
        :lg="10"
      >
        <el-card class="update-log">
          <div slot="header" class="clearfix">
            <img :src="headImg1">
          </div>
        </el-card>
      </el-col>
      <el-col
        :xs="32"
        :sm="24"
        :md="12"
        :lg="10"
      >
        <el-card class="update-log">
          <div slot="header" class="clearfix">
            <img :src="headImg2">
          </div>
        </el-card>
      </el-col>
    </el-row>

    <!--        <el-col :xs="24" :sm="24" :md="12" :lg="8">-->
    <!--            <el-card class="update-log">-->
    <!--                <div slot="header" class="clearfix">-->
    <!--                    <img src="src/assets/gif/6f7c74232953634830563fdcbd83f91d0a80e55e1dcdab-hbj7CG_fw658.webp">-->
    <!--                </div>-->
    <!--            </el-card>-->
    <!--        </el-col>-->
  </div>
<!--  <el-row :gutter="10">-->
<!--    <el-col v-for="v in projectList" :key="v.id" :sm="12" :md="8" :lg="6">-->
<!--      <el-card :header="v.expName" class="exp-list">-->
<!--        <template #header>-->
<!--          <div class="nowrap">-->
<!--            <DictSelect :model-value="v.expAduitStatus" dict-name="exp_aduit_status" type="text" />-->
<!--            {{ v.expName }}-->
<!--          </div>-->
<!--        </template>-->
<!--        <div>-->
<!--          <div class="project-desc">{{ v.expDest }}</div>-->
<!--          <ul>-->
<!--            <li>-->
<!--              <span>完成进度</span>-->
<!--              <el-progress-->
<!--                :percentage="v.expProcess * 1"-->
<!--                text-inside-->
<!--                :stroke-width="10"-->
<!--              >-->
<!--&nbsp;-->
<!--              </el-progress>-->
<!--            </li>-->
<!--            <li>-->
<!--              <span>项目时间</span><div>{{ v.expStart }}~{{ v.expEnd }}</div>-->
<!--            </li>-->
<!--            <li>-->
<!--              <span>负责人</span> <div>{{ v.expChargeName }}</div>-->
<!--            </li>-->
<!--            <li>-->
<!--              <span>申请经费</span> <div>{{ v.expPlanCost }}(万元)</div>-->
<!--            </li>-->
<!--          </ul>-->
<!--        </div>-->
<!--      </el-card>-->
<!--    </el-col>-->
<!--    <el-empty v-if="!projectList.length" description="暂无数据" style="width:100%;height:100%" />-->
<!--  </el-row>-->
</template>
<script>
  // import * as mtApi from '@/api/business/experiment'
  import headImg1 from '@/assets/gif/285d62cb1e9ee132c4b621a8464ad866.gif'
  import headImg2 from '@/assets/gif/72169b52d85f3dbd855d02b6234a3876.gif'
  export default {
    setup() {
      return { headImg1, headImg2 }
    }
    // name: 'Home',
    // components: {},
    // data () {
    //   return {
    //     projectList: []
    //   }
    // },
    // mounted () {
    //   this.getProjectList()
    // },
    // methods: {
    //   getProjectList () {
    //     mtApi.listExperiment({ pageNum: -1 }).then(res => {
    //       this.projectList = res.rows
    //     })
    //   }
    // }
  }
</script>

